import QtQuick 2.0
import "../../javascript/Utils.js" as UtilsJS

Rectangle {
    width: parent.width
    height: colNot.height

    property alias remetente: remetente.text
    property alias hora: hora.text
    property alias msg: msg.text

    Column {
        id: colNot
        anchors.right: parent.right
        anchors.left: parent.left
        anchors.top: parent.top
        spacing: UtilsJS.dp2px(6)

        Row {
            height: remetente.height
            width: parent.width
            Text {
                id: remetente
                text: "Sistema"
                color: "#555558"
                width: parent.width / 2
                font.pixelSize: UtilsJS.dp2px(14)
            }
            Text {
                id: hora
                text: "15:30"
                color: "#555558"
                width: parent.width / 2
                font.pixelSize: UtilsJS.dp2px(12)
                horizontalAlignment: Text.AlignRight
            }
        }

        Text {
            id: msg
            text: "O horário de retorno a empresa está próximo e ainda falta(m) 3 fornecedor(es) para ser(em) visitado(s)."
            color: "#a7a8ab"
            width: parent.width
            wrapMode: Text.Wrap
            font.pixelSize: UtilsJS.dp2px(14)
        }
        Rectangle {
            height: 1
            width: parent.width
            color: "#c5c5c5"
        }
    }
}
